<template>
  <div id="count_users" class="card">
    <div id="title">{{ title }}</div>
    <div id="count">{{ count }}</div>
  </div>
</template>

<script>
export default {
    props: {
        title: String,
        count: String
    }
};
</script>

<style scoped>
#count_users {
  position: static;
  height: 15vh;
  width: 20vw;
  padding: 18px;
}

#count_users > #title {
  font-size: 1.5vw;
  font-weight: bold;
}

#count_users > #count {
  position: relative;
  /* background-color: aqua; */
  top: 1.7vh;
  left: 6.5vw;
  width: 11vw;
  font-size: 3vw;
  font-family: "DS-DIGI-1";
  text-align: right;
  color: rgba(0, 0, 0, 0.61);
  text-shadow: 2px 2px 5px rgba(114, 114, 114, 0.4);
}
</style>